<template>
  <div />
</template>
<script>
export default {
  name: 'Websocket',
  data() {
    return {
      // 用户Id
      userId: '',
      appid: '',
      // 事件类型
      type: '',
      msg: '',
      wsUrl: ''
    }
  },
  created() {
    if (this.websock) {
      this.websock.close() // 关闭websocket连接
    }
    this.initWebSocket()
  },
  destroyed() {
    // 页面销毁时关闭ws连接
    if (this.websock) {
      this.websock.close() // 关闭websocket
    }
  },
  methods: {
    // 初始化weosocket
    initWebSocket() {
      if (typeof WebSocket === 'undefined') {
        alert('您的浏览器不支持WebSocket')
        return false
      }
      const wsuri = 'ws://localhost:8000/webSocket' // websocket地址
      // const wsuri = 'ws://localhost:8000/webSocket/' + this.userId + '/' + this.appid // websocket地址
      // eslint-disable-next-line no-unused-vars
      const websock = new WebSocket(wsuri)
      // 连接成功调用的方法
      websock.onopen = function(evt) {
        console.log('websocket连接成功')
        console.log(websock)
        // var message = {
        //   nickname: 'benben_2015',
        //   email: '123456@qq.com',
        //   content: 'I love programming'
        // }
        // // 添加状态判断，当为OPEN时，发送消息
        // websock.send(JSON.stringify(message))
      }
      // 接受服务器发送过来的数据
      websock.onmessage = function(evt) {
        console.log(evt.data)
      }
      // 出现错误的情况
      websock.onerror = function() {
        console.log('连接错误')
      }
      // 关闭websocekt连接
      websock.onclose = function() {
        console.log('关闭连接')
      }
    }
  }
}
</script>
